<template>
  <Layout>
    <van-nav-bar :title="systemName" left-text="返回" left-arrow @click-left="toHome" />
    <div class="card">
      <span class="text">这是一个错误页面</span>
    </div>
    <van-button type="primary" block @click="toHome">知道了</van-button>
  </Layout>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";
import { systemName } from "@/settings";
const router = useRouter();
const toHome = () => {
  router.push("/");
};
</script>

<style scoped lang="scss">
.top-title {
  margin-top: -25px;
  height: 44px;
  text-align: center;

  span {
    font-weight: 500;
    font-size: 16px;
    color: #333;
  }
}

.card {
  height: 200px;
  margin: 16px 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 23px 0 30px;
  background: linear-gradient(180deg, #fafcff 6%, #ffffff 57%);
  border-radius: 8px;

  .text {
    margin-top: 10px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.6);
  }
}
</style>
